﻿<html>
<head>
<title>CSS3 Border Test </title>

<style type="text/css" id="internalStyle">
p {border: dashed thin blue;}
h3 {border: dotted thick green;}
</style>
</head>

<body>




<h1>CSS3 Border Test</h1>





<ul>
<li>
The 'border' property is a shorthand property for setting 
the same width, color, style and image for all four borders of a box.
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
<p>
If statement above is true, this paragraph should have a border 
of dashed thin blue.
The rule applied is "p {border: dashed thin blue;}".
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</p>
<h3>
This h3 heading should have a border of dotted thick green.
The rule applied is "h3 {border: dotted thick green;}".
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
This is extra text to test this more effectively.
</h3>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above, so should also have
dashed thin blue border.  
</p>

</body>
</html>
